<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/sys/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link rel="stylesheet" href="${path}/res/app/css/detail.css">
<script type="text/javascript" src="${path}/res/app/js/jquery.min.js"></script>
    <script>
        $(function () {
            $(".bottomBar>div").css("width", $(".menuItem").width() + "px");
            $(".entBox").css("height", $(".parkIntBox").height() + "px");
            $(".menuItem").eq(0).click(function () {
                $(".bottomBar>div").css("margin-left", "0px");

                $(".entBox").css({
                    transform: "translateX(0)",
                    height: $(".parkIntBox").height() + "px"
                });
            });
            $(".menuItem").eq(1).click(function () {
                $(".bottomBar>div").css("margin-left", "5.3rem");
                $(".entBox").css({
                    transform: "translateX(-50%)",
                    height: $(".detailIntBox").height() + "px"
                });
            });
        });
    </script>
</head>
<body>
<div class="detailBox">
    <h2 class="title">${company.name }</h2>
    <p class="subTitle">${company.level } · ${company.productivity } · ${company.ccc }</p>
    <div class="meunBox">
        <span class="menuItem">企业概况</span>
        <span class="menuItem">详细信息</span>
        <div class="bottomBar">
            <div></div>
        </div>
    </div>
    <div class="entBox">
        <div class="parkIntBox">
            <div class="imgBox">
                <img src="${company.imgurl}" alt="">
            </div>
            <div class="parkInt">
                <p>企业介绍</p>
                <div class="parkMes">
                   ${company.remark }
                </div>
            </div>
            <div class="parkInt">
                <p>企业地址</p>
                <span class="parkDra"><img src="${path}/res/app/images/pic4.png" alt="">${company.address }</span>
            </div>
        </div>
        <div class="detailIntBox">
            <div class="imgBox">
                <img src="${company.imgurl}" alt="">
            </div>
            <ul class="detList">
                <li><span>企业名称</span><span>${company.name }</span></li>
                <li><span>类型</span><span>${company.type }</span></li>
                <li><span>地区</span><span>${company.area}</span></li>
                <li><span>营业执照</span><span>${company.business }</span></li>
                <li><span>法人代表</span><span>${company.corporate }</span></li>
                <li><span>联系人</span><span>${company.contact }</span></li>
                <li><span>电话</span><span>${company.phone }</span></li>
                <li><span>地址</span><span>${company.address }</span></li>
                <li><span>级别</span><span>${company.level }</span></li>
                <li><span>邮编</span><span>${company.postcodes }</span></li>
                <li><span>生产规模</span><span>${company.productivity }</span></li>
                <li><span>产品认证</span><span>${company.ccc }</span></li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>